
// $--color-primary: teal !default;
@import './mixin.scss';
@import './var.scss';
.el-dialog__wrapper {
    @include T_flex_row();
    .el-dialog {
        overflow: hidden;
        margin: 0 !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        display: flex;
        flex-direction: column;
        max-height: 90vh;
        > * {
            width: 100%;
            box-sizing: border-box;
        }
    }
    .el-dialog__header {
        padding: 0 15px 0 25px;
        height: 36px;
        border: 1px solid rgba(221, 221, 221, 1);
        background: linear-gradient(360deg, rgba(234, 234, 234, 1) 0%, rgba(255, 255, 255, 1) 100%);
        opacity: 1;
        border-radius: 3px 3px 0px 0px;
        cursor: move;
        @include T_flex_row(space-between, center);
        .el-dialog__title {
            font-size: 14px;
            color: #333;
            font-weight: normal;
        }
        .el-dialog__headerbtn {
            right: 15px;
            top: 8px;
            .el-dialog__close {
                color: #333;
                &:hover {
                    color: #2786d5;
                }
            }
        }
    }
    .el-dialog__body {
        padding: 20px 25px 0 25px;
        overflow: auto;
        flex: 1;
        .Avie_dialog_content {
            max-height: 870px;
            overflow: auto;
            overflow: hidden;
            .Form_box {
                h1 {
                    font-size: 14px;
                    font-weight: bold;
                    color: #333;
                    margin-bottom: 5px;
                }
                margin-bottom: 25px;
            }

            .Avie_popup_table_box {
                border: 1px solid #dddddd;
                .Avie_popup_table {
                    height: 450px;
                }
                .Avie_table_normal .el-table__header-wrapper .is-leaf {
                    border: none;
                }
                .Avie_table_normal .el-table__header-wrapper th {
                    background: #f6f6f6;
                }
                .Avie_table_normal .el-table__body-wrapper td {
                    border: none;
                }
            }
            .tips_txt {
                font-size: 12px;
                color: #888;
                line-height: 30px;
            }

            .Avie_popup_choice {
                @include T_flex_row(space-between, flex-start);
                .Avie_popup_choice_item {
                    flex: 1;
                    overflow: hidden;
                    .title {
                        font-size: 14px;
                        color: #555555;
                        margin-bottom: 10px;
                        font-weight: bold;
                    }
                    .btn_grounp {
                        margin-bottom: 13px;
                        .Avie_btn_special_cancel {
                            margin-right: 7px;
                            min-width: 50px;
                        }
                    }
                }
                .Avie_popup_choice_icon {
                    align-self: center;
                    width: 25px;
                    text-align: center;
                }
            }

            .Avie_non_standard_box {
                // 非标准 弹窗
                @include T_flex_row(flex-start, stretch);
                min-height: 45px;
                overflow: hidden;
                max-height: 870px;
                .Avie_non_standard_content {
                    flex: 1;
                    box-sizing: border-box;
                    padding: 25px;
                    padding-top: 20px;
                    overflow: auto;
                }
                .Avie_non_standard_btn {
                    width: 150px;
                    background: #f6f6f6;
                    @include T_flex_column(flex-end, center);
                    padding: 25px 0;
                    button {
                        width: 100px;
                        margin-top: 8px;
                    }
                }
            }

            .Avie_choose_people {
                @include T_flex_row(flex-start, stretch);
                .title {
                    font-size: 14px;
                    color: #555;
                    font-weight: bold;
                    margin-bottom: 10px;
                }
                .Box_ {
                    height: 32px;
                    margin-bottom: 13px;
                    @include T_flex_row(flex-start, center);
                    .el-input {
                        width: 100%;
                    }
                }
                .Table_box {
                    height: 525px;
                    @include T_flex_row(flex-start, stretch);
                    .Check_type {
                        width: 220px;
                        min-width: 220px;
                        box-sizing: border-box;
                        border: 1px solid #d9d9d9;
                        border-right: none;
                        .tabs_box {
                            @include T_flex_row(flex-start, stretch);
                            span {
                                height: 35px;
                                flex: 1;
                                text-align: center;
                                line-height: 35px;
                                background: #ececec;
                                border-bottom: 1px solid #d9d9d9;
                                box-sizing: border-box;
                                cursor: pointer;
                                &.active {
                                    background: #fff;
                                    border-color: #fff;
                                }
                            }
                            .line {
                                width: 1px;
                                background: #d9d9d9;
                            }
                        }
                        .filter {
                            padding: 15px 10px 10px 10px;
                        }
                        .tree_box {
                            height: calc(100% - 35px - 57px);
                            overflow: auto;
                            box-sizing: border-box;

                            .el-tree-node .el-tree-node__content > .el-tree-node__expand-icon {
                                margin-left: 5px;
                            }
                            .el-tree-node .el-tree-node__content:hover {
                                background-color: #f5f7fa;
                            }
                            .el-tree-node:focus > .el-tree-node__content {
                                background-color: transparent;
                            }
                            .el-tree-node.is-current > .el-tree-node__content {
                                background-color: #f5f7fa;
                            }
                        }
                    }
                    .Table_box_table {
                        flex: 1;
                        height: 100%;
                        box-sizing: border-box;
                        .Avie_popup_table_box {
                            height: calc(100% - 37px);
                            .el-table::before {
                                height: 0;
                            }
                        }
                        .Table_box_table_page {
                            height: 35px;
                            background: rgba(245, 245, 245, 1);
                            border: 1px solid #d9d9d9;
                            box-sizing: border-box;
                            border-top: none;
                            .el-pagination button,
                            .el-pager li {
                                background: transparent !important;
                            }
                            .el-pagination {
                                font-weight: normal;
                                padding: 0 20px;
                                height: 35px;
                                @include T_flex_row(flex-end, center);
                                .el-pagination__total {
                                    margin-right: auto;
                                }
                            }
                        }
                    }
                }
                .People_info {
                    flex: 1;
                }
                .center_icon {
                    width: 25px;
                    text-align: center;
                    align-self: center;
                    i {
                        font-size: 20px;
                    }
                }
                .People_sel {
                    width: 200px;
                    @include T_flex_column(flex-start, stretch);
                    .Table_box {
                        width: 100%;
                        overflow: hidden;
                        .Table_box_table {
                            width: 100%;
                            flex: initial;
                        }
                    }
                }
            }
        }
    }
    .el-dialog__footer {
        padding: 10px;
        background: #f4f4f5;
        .el-button {
            min-width: 100px;
            &.el-button--primary{
                margin-right: 15px;
            }
            &.el-button--default {
                background-color: $--color-bg;
                border-color: $--active-border-color;
            }
        }
    }
    &.Avie_non_standard {
        .el-dialog__body {
            padding: 0;
            max-height: auto;
        }
    }
}

.el-tooltip__popper.is-light {
    background: #ffffff;
    border: 1px solid #fff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    .popper__arrow {
        border-top-color: #fff !important;
    }
}

.el-card {
    border-radius: 0;
    .el-card__header {
        padding: 0;
        .Avie_card_head {
            padding: 0 13px;
            height: 40px;
            @include T_flex_row(flex-start, center);
            .title {
                margin-right: auto;
            }
        }
    }
    .el-card__body {
        padding: 13px;
        .item {
            font-size: 14px;
            color: #888;
            line-height: 25px;
            margin-bottom: 10px;
            &:last-of-type {
                margin: 0;
            }
        }
    }
    &.is-always-shadow {
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.06);
    }
    &.el_card_image {
        .el-card__body {
            padding: 0;
        }
        .el_card_image_content {
            padding: 10px 15px;
            .title {
                font-size: 16px;
                color: #555;
                @extend .T_nowrap;
                margin-bottom: 7px;
            }
            .detail {
                font-size: 14px;
                color: #888;
                line-height: 24px;
            }
        }
    }
}

.el-carousel {
    .el-carousel__arrow {
        width: 24px;
        height: 24px;
        background: rgba(0, 0, 0, 0.63);
        font-size: 16px;
        line-height: 24px;
    }
    .el-carousel__indicators {
        .el-carousel__button {
            width: 10px;
            height: 10px;
            background: rgba(255, 255, 255, 1);
            border-radius: 50%;
        }
    }
}
.el-upload-list--picture-card .el-upload-list__item,
.el-upload--picture-card {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.el-tree-node {
    .el-tree-node__content {
        height: 32px;
        padding-right: 20px;
        position: relative;
        &:hover {
            background: transparent;
        }
    }
    .el-tree-node__content > .el-tree-node__expand-icon {
        margin-left: 20px;
    }
}

.el-form {
    &-item {
        &.is-required:not(.is-no-asterisk) {
            & > .el-form-item__label {
                // &:after {
                //     content: '*';
                //     color: #f56c6c;
                //     margin-right: 4px;
                // }
                // &:before {
                //     content: '';
                //     margin-right: 0;
                // }
            }
            .el-form-item__label-wrap {
                & > .el-form-item__label {
                    // &:after {
                    //     content: '*';
                    //     color: #f56c6c;
                    //     margin-right: 4px;
                    // }
                    // &:before {
                    //     content: '';
                    //     margin-right: 0;
                    // }
                }
            }
        }
    }
}
.el-tag.el-tag--info{
    .el-tag__close{
        background-color: transparent;
        // color:red
        &:hover{
            background-color: red;
        }
    }
}
.el-radio {
    .el-radio__label {
        font-size: 14px;
        font-weight: normal;
        color: #555;
    }
    &:not(.is-disabled) {
        &:hover {
            .el-radio__inner {
                border-color: #2786d5;
            }
        }
    }
    .el-radio__input {
        &.is-disabled.is-checked {
            .el-radio__inner {
                background: #d9d9d9;
                &::after {
                    background: #ffffff;
                }
            }
        }
    }
    .el-radio__input.is-checked + .el-radio__label {
        color: #555;
    }
}

.el-checkbox {
    .el-checkbox__label {
        font-size: 14px;
        font-weight: normal;
        color: #555;
    }
    &:not(.is-disabled) {
        &:hover {
            .el-checkbox__input {
                .el-checkbox__inner {
                    border-color: #2786d5;
                }
            }
        }
    }
}
.el-select{
    width: 200px;
}
.el-input {
    width: 200px;
    input {
        caret-color: #2786d5;
        &:focus {
            box-shadow: 0 0 0 2px #b8dbff;
        }
    }
    .el-input__inner {
        height: 32px;
        line-height: 32px;
        border-radius: 3px;
    }
    .el-input__icon {
        line-height: 32px;
    }
}

.el-textarea {
    textarea {
        caret-color: #2786d5;
        &:focus {
            box-shadow: 0 0 0 2px #b8dbff;
        }
    }
    .el-input__count {
        font-size: 14px;
        color: #c0c4cc;
        line-height: 32px;
        bottom: 0;
        background: transparent;
    }
}

.el-input-number {
    line-height: 30px;
    height: 30px;
    .el-input {
        width: 100%;
        input {
            caret-color: #2786d5;
            &:focus {
                box-shadow: none;
            }
        }
    }
    &.is-controls-right {
        .el-input-number__increase {
            width: 30px;
            height: 15px;
            line-height: 15px !important;
            box-sizing: border-box;
            top: 1px;
        }
        .el-input-number__decrease {
            width: 30px;
            height: 15px;
            line-height: 15px !important;
            box-sizing: border-box;
            bottom: -1px;
        }
    }
    .el-input__inner {
        color: #646e7a;
    }
    .el-input-number__increase,
    .el-input-number__decrease {
        height: 30px;
        line-height: 30px;
    }
}

.el-select {
    .el-input {
        width: 100%;
        input {
            caret-color: #2786d5;
            &:focus {
                box-shadow: none;
            }
        }
        .el-select__caret {
            color: #888;
        }
    }
}

.el-select-dropdown__list {
    padding-top: 2px;
}
.el-select-dropdown__item {
    color: #555;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: #f7f7f7;
}

.el-cascader-panel {
    .el-cascader-node.in-active-path,
    .el-cascader-node.is-selectable.in-checked-path,
    .el-cascader-node.is-active {
        font-weight: normal;
    }
    .el-cascader-menu {
        box-shadow: inset -15px 0px 15px -15px rgba($color: #000000, $alpha: 0.06);
        &:last-of-type {
            box-shadow: none;
        }
    }
}
.el-cascader {
    .el-input__icon {
        color: #888;
    }
}

.el-switch {
    .el-switch__core {
        height: 12px;
    }
    .el-switch__core:after {
        width: 16px;
        height: 16px;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
        top: -3px;
        left: -1px;
    }
    &.is-checked {
        .el-switch__core:after {
            background: #2786d5;
            margin-left: -16px;
        }
    }
}

.el-date-editor {
    .el-input__inner {
        font-size: 12px;
        color: #555;
    }
}
.el-date-picker {
    .el-input {
        width: initial;
    }
    .el-date-table td.current:not(.disabled) span {
        background: #e6f7ff;
        color: #666;
        border-radius: 0;
    }
}

.el-transfer {
    .el-transfer-panel__body {
        .el-transfer-panel__filter {
            margin: 2px 4px;
        }
        .el-input {
            width: inherit;
        }
    }
    .el-transfer-panel {
        width: 175px;
        .el-transfer-panel__header {
            .el-checkbox__label {
                font-size: 14px;
                color: #555;
            }
        }
    }
    .el-transfer-panel__item {
        margin-right: 0;
        padding-right: 15px;
        &:hover {
            background: #e6f7ff;
        }
        .el-checkbox__label {
            color: #555;
            font-size: 14px;
        }
    }
    .el-transfer__buttons {
        width: 40px;
        padding: 0 8px;
        box-sizing: border-box;
        button {
            padding: 0;
            margin: 0;
            display: block;
            width: 24px;
            height: 24px;
            border-radius: 4px;
            border: none;
            box-sizing: border-box;
            &:first-of-type {
                background: #2786d5;
                margin-bottom: 4px;
            }
            &:last-of-type {
                background: rgba(0, 0, 0, 0.04);
                border: 1px solid rgba(0, 0, 0, 0.14901960784313725);
                color: rgba(0, 0, 0, 0.14901960784313725);
            }
        }
    }
}
.el-form {
    .el-form-item__label {
        line-height: 32px;
    }
    .el-form-item__content {
        line-height: inherit;
    }
    .el-form-item {
        margin-bottom: 8px;
        .el-radio-group {
            line-height: 32px;
            font-size: 14px;
        }
        .el-cascader {
            line-height: 32px;
        }
        .el-checkbox-group {
            line-height: 32px;
        }
    }
    .el-form-item__content {
        .el-form-item__error {
            display: inline-block;
            margin-left: 10px;
            position: relative;
        }
    }
    .el-cascader {
        width: 200px;
        .el-input {
            width: 100%;
        }
    }
}